<script lang="ts" setup></script>

<template>
  <umrp-container :gap="16" bg-color="#f2f2f2" height="100%" padding="16px">
    <umrp-breadcrumb :items="['商家管理', '服务商列表', '服务商表单']"></umrp-breadcrumb>
    <umrp-card :border="false">
      <umrp-container padding="16px 0">
        <umrp-form>
          <umrp-form-item label="营业执照" :required="true">
            <umrp-upload :width="240" :height="120"></umrp-upload>
          </umrp-form-item>
          <umrp-form-item label="身份证照" :required="true">
            <umrp-upload :limit="2" :width="240" :height="120" :placeholder="['请上传法人身份证人像面', '请上传法人身份证国徽面']"></umrp-upload>
          </umrp-form-item>
          <umrp-form-item label="服务商名称" :required="true">
            <umrp-input placeholder="请输入服务商的简称"></umrp-input>
          </umrp-form-item>
          <umrp-form-item label="公司名称" :required="true">
            <umrp-input placeholder="请输入服务商公司的名称"></umrp-input>
          </umrp-form-item>
          <umrp-form-item label="执照编码" :required="true">
            <umrp-input placeholder="请输入营业执照的唯一编码"></umrp-input>
          </umrp-form-item>
          <umrp-form-item label="联系人" :required="true">
            <umrp-input placeholder="请输入服务商主要联系人的姓名"></umrp-input>
          </umrp-form-item>
          <umrp-form-item label="联系电话" :required="true">
            <umrp-input placeholder="请输入服务商主要联系人的电话号码"></umrp-input>
          </umrp-form-item>
          <umrp-form-item label="用户账号" :required="true">
            <umrp-button type="primary">绑定用户账号</umrp-button>
          </umrp-form-item>
        </umrp-form>
      </umrp-container>
      <template #footer>
        <umrp-space :size="6">
          <umrp-button type="primary">确认提交</umrp-button>
          <router-link :to="{ name: 'MerchantServiceProvider' }">
            <umrp-button>取消</umrp-button>
          </router-link>
        </umrp-space>
      </template>
    </umrp-card>
  </umrp-container>
</template>
